.ddsmoothmenu {
    font: bold 13px;
   background: rgb(179,220,237); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-8 */

    width: 100%;
    height: 48px;
    border-top: 1px solid black;
    border-bottom: 1px solid #a2daff;
    display: block;
    margin: 0 auto;
    position: relative;
	box-shadow: 0 2px 3px #747474;
}
.ddsmoothmenu ul {
    z-index: 100;
    display: block;
    height: 48px;
    padding: 0;
    list-style-type: none;
    padding: 0 0 0 20px;
}
/*Top level list items*/
.ddsmoothmenu ul li {
    position: relative;
    display: inline;
    float: left;
    font-size: 12px;
    height: 41px;
    margin: 0 0px 0 0;
    padding: 7px 15px 0 0;
}
.ddsmoothmenu ul li:hover {
    
    margin: 0 0px 0 0;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a {
    display: block;
    /* background: none; background of menu items (default state)*/
    color: #fff;
    text-decoration: none;
    line-height: 34px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 20px 0 25px;
    
}

.ddsmoothmenu ul li a:hover {
    background-color: #cdedf8; /*background of menu items during onmouseover (hover state)*/
    color: #0C9DD1;
    margin: 0px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #32bae5;
    
    
}

* html .ddsmoothmenu ul li a {
    /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}
.ddsmoothmenu ul li a:link,
.ddsmoothmenu ul li a:visited { color: #000 }
.ddsmoothmenu ul li a.home{
    background: url('../images/home.png') 5px 8px no-repeat;
}
.ddsmoothmenu ul li a.home:hover { 
    background: url('../images/home.png') #cdedf8 5px 8px no-repeat;
}
.ddsmoothmenu ul li a.search{
    background: url('../images/search.png') 5px 10px no-repeat;
}
.ddsmoothmenu ul li a.search:hover { 
    background: url('../images/search.png') #cdedf8 5px 9px no-repeat;
}
.ddsmoothmenu ul li a.pages{
    background: url('../images/pages.png') 5px 10px no-repeat;
}
.ddsmoothmenu ul li a.pages:hover { 
    background: url('../images/pages.png') #cdedf8 5px 8px no-repeat;
}
.ddsmoothmenu ul li a.regis{
    background: url('../images/content.png') 5px 10px no-repeat;
}
.ddsmoothmenu ul li a.regis:hover { 
    background: url('../images/content.png') #cdedf8 5px 8px no-repeat;
}
.ddsmoothmenu ul li a.about{
    background: url('../images/about.png') 5px 10px no-repeat;
}
.ddsmoothmenu ul li a.about:hover { 
    background: url('../images/about.png') #cdedf8 5px 8px no-repeat;
}
.ddsmoothmenu ul li a.actived {
    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-color: #fff ; 
    color: #fff;
    
}
.ddsmoothmenu ul li a.actived:hover {
    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-color: #000 ; 
    color: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0 20px 0 25px;
    margin: 0 0 0 0;
    height: 48px;
    line-height: 48px;
    background-position: 5px 15px;
}

.ddsmoothmenu ul li a.selected {
    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-color: #cdedf8; /*background of menu items during onmouseover (hover state)*/
    color: #000;
    margin: 0px 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 10px 10px 0 0;
    height: 42px;
    line-height: 34px;
    border: 1px solid #32bae5;
    border-bottom: none;
    background-position:  5px 8px;
}
.ddsmoothmenu ul li a.selectedMenu {
    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background-color: #cdedf8; /*background of menu items during onmouseover (hover state)*/
    color: #000;
    margin: 0px 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 10px 10px 0 0;
    height: 42px;
    line-height: 34px;
    border: 1px solid #32bae5;
    border-bottom: none;
    background-position:  5px 8px;
}
.ddsmoothmenu ul li a.selected:hover {
    background-color: #cdedf8; /*background of menu items during onmouseover (hover state)*/
    color: #000;
    margin: 0px 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 10px 10px 0 0;
    height: 42px;
    line-height: 34px;
    border: 1px solid #32bae5;
}


/*1st sub level menu*/
.ddsmoothmenu ul li ul {
    position: absolute;
    left: 0px;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
    margin: 0;
    
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
    
    display: list-item;
    float: none;
    margin: 0;
    padding: 0;
    background-color: #CDEDF8;
    height: auto;
    
}
.ddsmoothmenu ul li ul li:hover{
    margin: 0;
    
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top: 0 }
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
    width: 200px; /*width of sub menus*/
    margin: 0;
    border-top: 1px solid #fff;
    padding-bottom: 5px;
    border: none;
    height: 30px;
    line-height: 30px;
    background: url('../images/right.png') no-repeat 5px 5px;
}
.ddsmoothmenu ul li ul li a:hover {
    width: 200px; /*width of sub menus*/
    margin: 0;
    ;
    border: none;
    height: 30px;
    line-height: 30px;
    
    
    
}
.ddsmoothmenu a{
    
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1% } /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {
    position: absolute;
    top: 12px;
    right: 7px;
}
.rightarrowclass {
    position: absolute;
    top: 6px;
    right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}
.toplevelshadow { /*shadow opacity. Doesn't work in IE*/  }
.home img { margin-right: -20px }

.gradientlr{
    background: rgb(179,220,237); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top,  rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,220,237,1)), color-stop(50%,rgba(41,184,229,1)), color-stop(100%,rgba(188,224,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-8 */


}